﻿<%@ Page Title="" Language="C#" MasterPageFile="~/sitemaster.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Portal_KonTum.Default" %>
<%@ Register src="Control/So-Ban-Nganh.ascx" tagname="So" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="box_center">
    <!--Begin Slider-->
        <div id="page">
			<div id="container">
				<!-- Start Advanced Gallery Html Containers -->
				<div id="gallery" class="content">
					<div class="slideshow-container">
						<div id="loading" class="loader"></div>
						<div id="slideshow" class="slideshow"></div>
					</div>
					<div id="caption" class="caption-container"></div>
				</div>
				<div id="thumbs" class="navigation">
                	<h3>Tin Nổi Bậc</h3>
					
                        <asp:DataList ID="DataList2" runat="server" Width="100%" Visible ="true">
                            <ItemTemplate>
                            <ul class="thumbs noscript">
                                <li>
							        <a class="thumb" name="leaf" href='..\Admin\Uploads\Images\<%# Eval("Image")%>' title="Title #0">
								        <img src='..\Admin\Uploads\Images\<%# Eval("Image")%>' alt="Title #0" />
                                        <%# Eval("NewTitle")%>
							        </a>
							        <div class="caption">
								        <div class="download">
									        <b>
                                                <a href='ViewNews.aspx?NewID=<%# Eval("NewID")%>'>
                                                    <%# Eval("NewTitle")%>
                                                </a>
                                            </b>
								        </div>
								        <div class="image-title">
                                            <%# Eval("NewIntro")%>
                                        </div>
							        </div>
						       </li>
					        </ul>
                            </ItemTemplate>
                        </asp:DataList>
                        <asp:DataList ID="DataList_en" runat="server" Width="100%" Visible="False">
                            <ItemTemplate>
                            <ul class="thumbs noscript">
                                <li>
							        <a class="thumb" name="leaf" href='..\Admin\Uploads\Images\<%# Eval("Image")%>' title="Title #0">
								        <img src='..\Admin\Uploads\Images\<%# Eval("Image")%>' alt="Title #0" />
                                        <%# Eval("NewTitle")%>
							        </a>
							        <div class="caption">
								        <div class="download">
									        <b>
                                                <a href='ViewNews.aspx?NewID=<%# Eval("NewID")%>'>
                                                    <%# Eval("NewTitle_en")%>
                                                </a>
                                            </b>
								        </div>
								        <div class="image-title">
                                            <%# Eval("NewIntro_en")%>
                                        </div>
							        </div>
						       </li>
					        </ul>
                            </ItemTemplate>
                        </asp:DataList>
				</div>
				<!-- End Advanced Gallery Html Containers -->
				<div style="clear: both;"></div>
			</div>
		</div>
		<script type="text/javascript">
		    jQuery(document).ready(function ($) {
		        // We only want these styles applied when javascript is enabled
		        $('div.navigation').css({ 'width': '287px', 'float': 'left', 'margin-left': '2px', 'margin-right': '0px' });
		        $('div.content').css('display', 'block');

		        // Initially set opacity on thumbs and add
		        // additional styling for hover effect on thumbs
		        var onMouseOutOpacity = 1;
		        $('#thumbs ul.thumbs li').opacityrollover({
		            mouseOutOpacity: onMouseOutOpacity,
		            mouseOverOpacity: 1.0,
		            fadeSpeed: 'fast',
		            exemptionSelector: '.selected'
		        });

		        // Initialize Advanced Galleriffic Gallery
		        var gallery = $('#thumbs').galleriffic({
		            delay: 2500,
		            numThumbs: 6,
		            preloadAhead: 10,
		            enableTopPager: true,
		            enableBottomPager: true,
		            maxPagesToShow: 7,
		            imageContainerSel: '#slideshow',
		            controlsContainerSel: '#controls',
		            captionContainerSel: '#caption',
		            loadingContainerSel: '#loading',
		            renderSSControls: true,
		            renderNavControls: true,
		            playLinkText: 'Play Slideshow',
		            pauseLinkText: 'Pause Slideshow',
		            prevLinkText: '&lsaquo; Previous Photo',
		            nextLinkText: 'Next Photo &rsaquo;',
		            nextPageLinkText: 'Next &rsaquo;',
		            prevPageLinkText: '&lsaquo; Prev',
		            enableHistory: true,
		            autoStart: true,
		            syncTransitions: true,
		            defaultTransitionDuration: 1,
		            onSlideChange: function (prevIndex, nextIndex) {
		                // 'this' refers to the gallery, which is an extension of $('#thumbs')
		                this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
		            },
		            onPageTransitionOut: function (callback) {
		                this.fadeTo('fast', 0.0, callback);
		            },
		            onPageTransitionIn: function () {
		                this.fadeTo('fast', 1.0);
		            }
		        });

		        /**** Functions to support integration of galleriffic with the jquery.history plugin ****/

		        // PageLoad function
		        // This function is called when:
		        // 1. after calling $.historyInit();
		        // 2. after calling $.historyLoad();
		        // 3. after pushing "Go Back" button of a browser
		        function pageload(hash) {
		            // alert("pageload: " + hash);
		            // hash doesn't contain the first # character.
		            if (hash) {
		                $.galleriffic.gotoImage(hash);
		            } else {
		                gallery.gotoIndex(0);
		            }
		        }

		        // Initialize history plugin.
		        // The callback is called at once by present location.hash. 
		        $.historyInit(pageload, "advanced.html");

		        // set onlick event for buttons using the jQuery 1.3 live method
		        $("a[rel='history']").live('click', function (e) {
		            if (e.button != 0) return true;

		            var hash = this.href;
		            hash = hash.replace(/^.*#/, '');

		            // moves to a new page. 
		            // pageload is called at once. 
		            // hash don't contain "#", "?"
		            $.historyLoad(hash);

		            return false;
		        });

		        /****************************************************************************************/
		    });
		</script>
    <!--End Slider-->
    <a href="#"><img width="590" src="images/banner100nam1.jpg" /></a> <p></p>
    <asp:DataList ID="DataList1" runat="server" Width="100%">
        <ItemTemplate>
            <h3><%# Eval("CategoryName") %> </h3>    
            <div class="cat">
                <%# Eval("Content")%>
            </div>
        </ItemTemplate>
    </asp:DataList>
</div>
<div class="box_center">
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
</asp:Content>
